<!DOCTYPE html>
<html lang="en">
  <head>
	      <title>Navbar Template for Bootstrap</title>
          <?php include '../includes/header.php'; ?>
   </head>

  <body>
	
	<div id="dialog-modal" title="Basic modal dialog" style="display: none;">
		<p>Adding the modal overlay screen makes the dialog look more prominent because it dims out the page content.</p>
	</div>
    
    <div class="container">
    
		<?php include 'includes/navbar.php';?>

      <!-- Main component -->
      <div class="jumbotron">
        <h1>Template</h1>
        <p>This is a static example.</p>
        <p>
          <a id="test" class="btn btn-lg btn-primary" role="button">Test jquery ui</a>
          <input type="text" value="Input test"/>
        </p>
      </div>

    </div> <!-- /container -->
    <?php include 'includes/footer.php';?>	
	<!-- scripts -->
    <script>
		$('#test').click(function(){
			 $( "#dialog-modal" ).dialog({
				 height: 140,
				 modal: true
				 });
		});
    </script>
    </body>
</html>
